<!DOCTYPE html>
<html>
<head lang="en">
    <title>个人中心</title>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <script src="../js/angular-1.4.6.min.js"></script>
    <script src="../js/jquery-1.8.3.min.js"></script>
    <style>
        .content{padding-bottom: 80px;}

        .left-nav{float: left;width: 230px;background-color: #efefef;height: 100%;}
        .left-nav .title{text-align: center;color: #d94b87;font-size: 16px;height: 50px;line-height: 50px;}
        .left-nav .title img{width: 20px;vertical-align: text-bottom;margin-right: 5px;}
        .left-nav dl{border-top: 1px solid #ddd;padding-left: 70px;padding-top: 15px;padding-bottom: 10px;}
        .left-nav dl dt{font-weight: bold;color: #333;font-size: 15px;padding-bottom: 10px;}
        .left-nav dl dt img{vertical-align: middle;width: 16px;margin-right: 5px;}
        .left-nav dl dd{font-size: 12px;padding: 7px 0 7px 21px;}
        .left-nav dl dd a{color: #666;}

        .right-con{width: 900px;}
        .r-c-title{margin-top: 30px;font-size: 18px;margin-bottom: 30px;}
        .right-con .info{width: 550px;font-size: 12px;color: #666;}
        .right-con .info ul{margin-bottom: 60px;}
        .right-con .info ul li{overflow: hidden;line-height: 30px;margin-bottom: 10px;}
        .right-con .info ul li .label{width: 100px;text-align: right;margin-right: 10px;line-height: 32px;height: 32px;}
        .right-con .info ul li select{border: 1px solid #d1d1d1;width: 70px;height: 30px;margin-right: 5px;text-align: center;}
        .right-con .info ul li input[type=text]{border: 1px solid #d1d1d1;width: 170px;height: 30px;margin-right: 10px;text-indent: 10px;}
        .right-con .info ul li .sex label{margin-right: 10px;}
        .right-con .info ul li .sex input{vertical-align: middle;margin-right: 2px;}
        .right-con .info ul li .change-btn a{display: block;margin-top: 10px;width: 80px;height: 30px;line-height: 30px;border-radius: 5px;text-align: center;font-size: 12px;color: #fff;background-color: #ec4f92;}
        .right-con .info ul li .password input{width: 300px;}
    </style>
</head>
<body ng-app="">
<div ng-include="'../public/header.html'"></div>
<div class="container content clear">
    <div class="left-nav">
        <p class="title">
            <img src="../img/user(2).png" alt=""/>个人中心
        </p>
        <dl>
            <dt><img src="../img/less2.png" alt=""/>订单中心</dt>
            <dd><a href="">我的订单</a></dd>
            <dd><a href="">收货地址</a></dd>
            <dd><a href="">缺货登记</a></dd>
            <dd><a href="">退换货订单</a></dd>
        </dl>
        <dl>
            <dt><img src="../img/less2.png" alt=""/>会员中心</dt>
            <dd><a href="">用户信息</a></dd>
            <dd><a href="">我的收藏</a></dd>
            <dd><a href="">我的留言</a></dd>
            <dd><a href="">我的推荐</a></dd>
            <dd><a href="">评论/晒单</a></dd>
            <dd><a href="">我的提货</a></dd>
        </dl>
        <dl>
            <dt><img src="../img/less2.png" alt=""/>账户中心</dt>
            <dd><a href="">我的红包</a></dd>
            <dd><a href="">跟踪包裹</a></dd>
            <dd><a href="">资金管理</a></dd>
        </dl>
    </div>
    <div class="right-con fr">
        <div class="r-c-title">个人资料</div>
        <div class="overflow">
            <div class="fl info">
                <ul>
                    <li>
                        <div class="label fl">生日：</div>
                        <div class="fl">
                            <select name="">
                                <option value="">1993</option>
                            </select>
                            <select name="">
                                <option value="">01</option>
                            </select>
                            <select name="">
                                <option value="">01</option>
                            </select>
                        </div>
                    </li>
                    <li>
                        <div class="label fl">性别：</div>
                        <div class="fl sex">
                            <label>
                                <input type="radio" name="sex"/>男
                            </label>
                            <label>
                                <input type="radio" name="sex"/>女
                            </label>
                            <label>
                                <input type="radio" name="sex"/>保密
                            </label>
                        </div>
                    </li>
                    <li>
                        <div class="label fl">邮箱：</div>
                        <div class="fl">
                            <input type="text"/> <a href="javascript:;">点此发送认证邮件</a>
                        </div>
                    </li>
                    <li>
                        <div class="label fl">手机：</div>
                        <div class="fl">
                            <input type="text"/> <a href="javascript:;">立即验证</a>
                        </div>
                    </li>
                    <li>
                        <div class="label fl"> </div>
                        <div class="fl change-btn">
                            <a href="javascript:;">确认修改</a>
                        </div>
                    </li>
                </ul>
                <ul>
                    <li>
                        <div class="label fl">原密码：</div>
                        <div class="fl password">
                            <input type="text"/>
                        </div>
                    </li>
                    <li>
                        <div class="label fl">新密码：</div>
                        <div class="fl password">
                            <input type="text"/>
                        </div>
                    </li>
                    <li>
                        <div class="label fl">确认密码：</div>
                        <div class="fl password">
                            <input type="text"/>
                        </div>
                    </li>
                    <li>
                        <div class="label fl"> </div>
                        <div class="fl change-btn">
                            <a href="javascript:;">确认修改</a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="fl"></div>
        </div>
    </div>
</div>
<div ng-include="'../public/footer2.html'"></div>
</body>
<script src="../js/common.js"></script>
</html>